<template>
  <div id="app">
    <keep-alive :include="keepLiveArr">
      <router-view v-wechat-title="$route.meta.title" />
    </keep-alive>
  </div>
</template>
<script>
import { mapGetters } from "vuex";

export default {
  name: "App",
  computed: {
    ...mapGetters(["keepLiveArr"]),
  },
  keepLiveArr: {
    handler(newval) {
      this.keepLiveArr = newval;
      console.log("newval", newval);
    },
    immediate: true, //刷新加载 立马触发一次handler
    deep: true, // 可以深度检测到 obj 对象的属性值的变化
  },
};
</script>
<style lang="less">
@import "./iconfont/iconfont.css";
// @import 'https://at.alicdn.com/t/font_2637696_4cvcqjxi8bd.css';
@import "../public/less/base.less";
html,
body {
  width: 100vw;
  height: 100vh;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: PingFang SC;
}
.page-box {
  height: 100%;
  width: 100%;
}
.next-step-btn {
  width: 96%;
  height: 80px;
  line-height: 80px;
  border-radius: 40px !important;
  font-size: 31px;
  font-weight: 500;
  color: #ffffff;
}
#app {
  height: 100%;
}
#app .van-nav-bar .van-icon {
  color: #323233;
}
.head-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 99;
}
.van-step__title--active {
  color: #ffb72f !important;
}
.van-nav-bar .van-icon {
  font-size: 42px;
  font-weight: 600;
}
.my-uploader {
  position: relative;
}
.my-uploader input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 90;
}
.my-uploader img {
  z-index: 99;
  pointer-events: none;
}
// .van-nav-bar--fixed {
//   position: -webkit-sticky !important;
//   position: -moz-sticky !important;
//   position: -o-sticky !important;
//   position: -ms-sticky !important;
//   position: sticky !important;
// }
// .van-nav-bar--fixed {

// }
.dialog_class {
  /deep/.van-dialog__cancel {
    color: #ffb72f;
  }
  /deep/.van-dialog__confirm {
    color: #fff !important;
    background-color: #ffb72f !important;
  }
}
</style>
